<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>欢迎登录</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/loggin.css"/>
		<script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
		<script type="text/javascript" src="js/swiper.min.js" ></script>
		<script type="text/javascript" src="js/bootstrap.min.js" ></script>
		<script src="res/layer/layer.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/common.js" ></script>
	</head>
	<body>
		<div class="header">
			<div class="header_top hidden-xs">
				<ul class="w12">
					<li>
						<a href="loggin.html">请登录</a><span>丨</span><a href="register.html">注册</a>
					</li>
					<li>
						<a href="user.html"></a>
						<a href="user.html">
							<span>会员中心</span>
						</a>
					</li>
					<li>
						<a href="shop_cart.html"></a>
						<a href="shop_cart.html">
							<span>我的购物车</span>
						</a>
					</li>
				</ul>
			</div>
			<nav class="navbar w12">
			    <div class="navbar-header">
			     	<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				        <img src="img/common/menu.png"/>
			      	</button>
			    </div>
			    <form class="navbar-form navbar-left">
			        <div class="form-group">
			          	<input type="text" class="form-control">
			        </div>
			        <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
			    </form>
			    <div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
			      	<ul class="nav navbar-nav navbar-left">
				        <li class="active"><a href="index.html">首页</a></li>
				        <li class="dropdown">
				        	<a href="about_us.html"  class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">品牌中心</a>
				        	<ul class="dropdown-menu hidden-xs">
				        		<li><a href="about_us.html">品牌介绍</a></li>
				        		<li><a href="about_us.html">发展历程</a></li>
				        		<li><a href="about_us.html">品牌荣誉</a></li>
				        		<li><a href="about_us.html">品牌文化</a></li>
				        	</ul>
				        </li>
				        <li class="dropdown">
				        	<a href="news.html" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">新闻中心</a>
				        	<ul class="dropdown-menu hidden-xs">
				        		<li><a href="news.html">公司新闻</a></li>
				        		<li><a href="news.html">行内新闻</a></li>
				        		<li><a href="news.html">国外新闻</a></li>
				        		<li><a href="news.html">公司活动</a></li>
				        	</ul>
				        </li>
				        <li class="dropdown">
				        	<a href="product.html" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">产品中心</a>
				        	<ul class="dropdown-menu hidden-xs">
				        		<li><a href="product.html">室内门</a></li>
				        		<li><a href="product.html">进户门</a></li>
				        		<li><a href="product.html">推拉门</a></li>
				        		<li><a href="product.html">办公用门</a></li>
				        	</ul>
				        </li>
				        <li><a href="contact.html">联系我们</a></li>
				        <li><a href="user.html">会员中心</a></li>
				        <li><a href="shop_cart.html">购物车</a></li>   
			      	</ul>
			    </div>
				<a href="index.html"><img src="img/common/logo.png"/></a>
			</nav>
		</div>
		<div class="banner">
			<div class="swiper-container">
        		<div class="swiper-wrapper">
		            <div class="swiper-slide"><a href="#"><img src="img/common/lg_banner1.png"/></a></div>
		            <div class="swiper-slide"><a href="#"><img  src="img/common/lg_banner2.png"/></a></div>
		            <div class="swiper-slide"><a href="#"><img src="img/common/lg_banner3.png"/></a></div>
        		</div>
		        <div class="swiper-pagination"></div>
		    </div>
		</div>
		<div class="loggin">
			<div>
				<div class="title hidden-xs">
					<h2>欢迎登录</h2>
				</div>
				<form>
					<div class="input-group">
						<span class="visible-xs">账 号：</span>
						<span class="input-group-addon"><img src="img/loggin/mine.png"/></span>
						<input type="text" class="form-control acc" placeholder="账号" />
					</div>
					<div class="input-group">
						<span class="visible-xs">密 码：</span>
						<span class="input-group-addon"><img src="img/loggin/password.png"/></span>
						<input type="text" class="form-control pass" placeholder="密码" />
					</div>
					<p>
						<a href="#">忘记密码</a>
						<span>｜</span>
						<a href="register.html">免费注册</a>
					</p>
					<a href="#">登录</a>
				</form>
			</div>
		</div>
		<div class="about hidden-xs">
			<div class="title">
				<h2>品牌简介</h2>
				<h3>BRAND PROFILE</h3>
			</div>
			<div class="about_content">
				<p class="w12">
					豪森品牌创建于1998年，是家居用品研制、开发、生产、销售及施工为一体的多元化企业。具有承接大型木门项目、终端销售等一站式服务的实力和丰富的经验。成立至今，已承接400多家医院木门配套项目。有遍布全国的经销商网络，优良的品质，完善的服务已广为市场认同。公司云集了多年从事木门设计、制造的优秀人才，引进现代化的木工设备，海腾产品实行电脑控制，流水线作业。以客户需求为中心，以市场为导向，以创一流品质为宗旨，专业、专心、专注，做好每一扇门。公司秉承“以人为本，创新制胜”的经营理念，坚持以国际门业审美趋向为主导，以个性、时尚为设计理念。开发研制出科技、时尚、健康、简约的系列产品。造型新颖美观、色彩丰富、品质经久耐用、等优点深受广大消费者的青睐。豪森品牌创建于1998年，是家居用品研制、开发、生产、销售及施工为一体的多元化企业。具有承接大型木门项目、终端销售等一站式服务的实力和丰富的经验。成立至今，已承接400多家医院木门配套项目。有遍布全国的经销商网络，优良的品质，完善的服务已广为市场认同。公司云集了多年从事木门设计、制造的优秀人才，引进现代化的木工设备，海腾产品实行电脑控制，流水线作业。以客户需求为中心，以市场为导向，以创一流品质为宗旨，专业、专心、专注，做好每一扇门。公司秉承“以人为本，创新制胜”的经营理念，坚持以国际门业审美趋向为主导，以个性、时尚为设计理念。开发研制出科技、时尚、健康、简约的系列产品。造型新颖美观、色彩丰富、品质经久耐用、等优点深受广大消费者的青睐。豪森品牌创建于1998年，是家居用品研制、开发、生产、销售及施工为一体的多元化企业。
				</p>
			</div>
		</div>
		<div class="product hidden-xs">
			<div class="title">
				<h2>产品展示</h2>
				<h3>BRAND PROFILE</h3>
			</div>
			<div class="product_list">
				<div class="container">
					<div class="row">
						<div class="col-lg-3 col-sm-4 col-xs-6">
							<a href="pro_details.html"><img src="img/loggin/product_1.png"/></a>
							<a href="pro_details.html">
								豪森木门室内实木复合门
							</a>
						</div>
						<div class="col-lg-3 col-sm-4 col-xs-6">
							<a href="pro_details.html"><img src="img/loggin/product_2.png"/></a>
							<a href="pro_details.html">
								豪森木门室内实木复合门
							</a>
						</div>
						<div class="col-lg-3 col-sm-4 col-xs-6">
							<a href="pro_details.html"><img src="img/loggin/product_3.png"/></a>
							<a href="pro_details.html">
								豪森木门室内实木复合门
							</a>
						</div>
						<div class="col-lg-3 col-sm-4 col-xs-6">
							<a href="pro_details.html"><img src="img/loggin/product_4.png"/></a>
							<a href="pro_details.html">
								豪森木门室内实木复合门
							</a>
						</div>
						<div class="col-lg-3 col-sm-4 col-xs-6 hidden-xs">
							<a href="pro_details.html"><img src="img/loggin/product_1.png"/></a>
							<a href="pro_details.html">
								豪森木门室内实木复合门
							</a>
						</div>
						<div class="col-lg-3 col-sm-4 col-xs-6  hidden-xs">
							<a href="pro_details.html"><img src="img/loggin/product_2.png"/></a>
							<a href="pro_details.html">
								豪森木门室内实木复合门
							</a>
						</div>
						<div class="col-lg-3 col-sm-4 col-xs-6  visible-lg">
							<a href="pro_details.html"><img src="img/loggin/product_3.png"/></a>
							<a href="pro_details.html">
								豪森木门室内实木复合门
							</a>
						</div>
						<div class="col-lg-3 col-sm-4 col-xs-6 visible-lg">
							<a href="pro_details.html"><img src="img/loggin/product_4.png"/></a>
							<a href="pro_details.html">
								豪森木门室内实木复合门
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer text-center">
			<div class="w12">
				<ul class="clearfix hidden-xs">
					<li><a href="#">首页</a><span>丨</span></li><!--
					--><li><a href="about_us.html">品牌介绍</a><span>丨</span></li><!--
					--><li><a href="news.html">新闻中心</a><span>丨</span></li><!--
					--><li><a href="product.html">产品中心</a><span>丨</span></li><!--
					--><li><a href="contact.html">联系我们</a><span>丨</span></li><!--
					--><li><a href="user.html">会员中心</a><span>丨</span></li><!--
					--><li><a href="shop_cart.html">购物车</a></li>
				</ul>
				<p>
					<span>全国热线：010-123456789</span>
					<span>|</span>
					<span>传真：010-123456789</span>
				</p>
				<p>
					地址：北京市海淀区北京市海淀区北京市海淀区北京市海淀区北京市海淀区北京市海淀区
				</p>
				<p>
					©1995-2004 Eric A. and Kathryn S. Meyer. All Rights Reserved.
				</p>
			</div>
		</div>
	</body>
</html>
